.noList {
		background-color: #FFFFFF;
		text-align: center;
		overflow: hidden;
		image {
			display: block;
			margin: auto;
			width: 200upx;
			height: 180upx;
			margin-top: 200upx ;
			margin-bottom: 20upx ;
		}
		text {
			font-size: 32upx;
			color: #999999;
		}
	}
.pad {
	padding: 0 30upx;
	box-sizing: border-box;
}
.tarbaro {
	position: absolute;
	bottom: 100upx;
}
.discover {
	height: 100%;
	background-color: #FFFFFF;
	box-sizing: border-box;
}
.pa {
	overflow: hidden;
}
.discover_input {
	// margin-top: 20upx;
	flex: 1;
	position: relative;
	overflow: hidden;
	input {
		width: 100%; 
		height: 68upx; 
		font-size: 28upx;
		line-height: 68upx;
		color:#333;
		border-radius: 34upx;
		padding-left: 56upx;
		box-sizing: border-box;
		background-color: #F2F2F2;
	}
	.search_icon {
		position: absolute;
		width: 28upx;
		height: 28upx;
		left: 20upx;
		top: 50%;
		transform: translate(0,-50%);
	}
	.err {
		position: absolute;
		right: 20upx;
		top: 50%;
		z-index: 1;
		width: 36upx;
		height: 36upx;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		.icon_error {
			font-size: 32upx;
			height:32upx;
		}
	}
	// .icon {
	// 	position: absolute;
	// 	top: 50%;
	// 	font-size: 40upx;
	// 	height: 40upx;
	// 	transform: translate(40%,-55%);
	// 	color:#cccccc ;
	// }
}
.discover_top {
	width: 100%;
	padding: 20upx 30upx;
	display: flex;
	justify-content: space-between;
	.discover_btn {
		width: 100upx;
		height: 60upx;
		border-radius:6upx;
		background-color: #8938d3;
		font-size: 32upx;
		color: #FFFFFF;
		text-align: center;
		line-height: 60upx;
		margin-left: 20upx;
	}
}
// 推荐跑团
.tjpt {
	color: #333;
	font-weight: 550;
	font-size: 28upx;
	line-height: 80upx;
}
.scroll-view_H {
	overflow: hidden;
	white-space: nowrap;
	::-webkit-scrollbar {
			width: 0;
			height: 0;
			background-color: transparent;
		} 
	.scroll-view-item_H {
		display: inline-block;
		margin-right: 20upx;
		width: 180upx;
		height: 260upx;
		overflow: hidden;
		border-radius: 20upx;
		background-color: #F1F1F1;
		text-align: center;
		.pic {
			width: 120upx;
			height: 120upx;
			border-radius: 10upx;
			margin: 20upx auto;
			image {
				width: 120upx;
				height: 120upx;
				border-radius: 10upx;
			}
		}
		.name {
			padding: 0;
			span {color: #333333;font-size: 32upx;}
			.icon {font-size: 32upx;}
		}
		.people_num {
			font-size: 24upx;
			color: #999999;
		}
	}
}
.nearby {
	width: 100%;
	height: 90upx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	span {
		font-size: 32upx;
		color: #000;
		font-weight: bold;
	}
	.screen {
		height: 90upx;
		display: flex;
		align-items: center;
		span {
			display: block;
			color: #999999;
			font-size: 24upx;
			line-height: 90upx;
			font-weight: 400;
		}
		.icon {
			margin-left: 10upx;
			font-size: 32upx;
			line-height: 80upx;
		}
	}
}
// 筛选条件
.condition {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20upx;
	box-sizing: border-box;
	border-bottom: 2upx solid #e1e1e1;
	.condition_item {
		width: 165upx;
		height: 56upx;
		font-size: 24upx;
		line-height: 52upx;
		box-sizing: border-box;
		color: #000;
		text-align: center;
		border: 2upx solid #e1e1e1;
		border-radius: 28upx;
	}
	.condition_item_item {
		border:2upx solid #8938d2;
		color: #8938d2;
	}
}
.runlist {
	width: 100%;
	height: 180upx;
	box-sizing: border-box;
	padding: 20upx 0;
	border-bottom: 2upx solid #e1e1e1;
	display: flex;
	align-items: center;
	position: relative;
	.pic {
		width: 135upx;
		height:135upx;
		margin-right: 20upx;
		border-radius:4upx;
		image {
			width: 135upx;
			height: 135upx;
			border-radius: 4upx;
		}
	}
	.run_km {
		position: absolute;
		right: 0;
		top: 20upx;
		font-size: 24upx;
		color:#fe6601;
	}
	.message {
		width: 440upx;
		height: 134upx;
		.run_name {
			color: #000;
			height: 36upx;
			line-height: 36upx;
			font-size: 28upx;
			margin-bottom: 15upx;
			display: flex;
			align-items: center;
			font-weight: bold;
			.icon {
				margin-left: 10upx;
				font-size:28upx;
			}
			image {
				width: 24upx;
				height: 26upx;
				margin-left: 8upx;
			}
		}
		.run_slogan {
			font-size: 24upx;
			line-height: 24upx;
			color: #666;
			margin-bottom: 35upx;
		}
		.run_info {
			display: flex;
			.run_info_lef,.run_info_right {
				margin-right: 40upx;
				font-size:24upx;
				line-height: 24upx;
				color: #666;
			}
		}
	}
}
.runlist:last-child {
	border: 0;
}
.sl_filter {
	background-color: #FFFFFF;
	width: 100%;
	border-bottom:  10upx solid #F2F2F2;
	position: relative;
}
.filter {
	display: flex;
	justify-content: space-around;
	height: 84upx;
	width: 100%;
	box-sizing: border-box;
	align-items: center;
	.filter_content {
		height: 32upx;
		font-size: 28upx;
		color: #333333;
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		border-right: 2upx solid #e1e1e1;
		.icon {
			font-size: 12upx;
			color: #666666;
			margin-left: 4upx;
			margin-top: 4upx;
		}
		.icont {
			display: none;
		}
	}
	.filter_content:last-child {
		border-right: 0;
	}
	.filter_content_c {
		color: #8938d3;
		.icon {
			color: #8938d3;
			display: none;
		}
		.icont {
			display: block;
		}
	
	}
}
.filter_bg {
	position: absolute;
	top: 200upx;
	left: 0;
	width: 100%;
	height: calc(100% - 10upx);
	z-index: 3;
	background-color: rgba(0,0,0,0.3);
}
.filter_b {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #FFFFFF;
	padding: 0 30upx;
	z-index: 6;
	border-top: 8upx solid #e1e1e1;
	box-sizing: border-box;
	display: flex;
	height: 120upx ;
	align-items: center;
	.filter_content_detail {
		height: 52upx;
		width: 180upx;
		box-sizing: border-box;
		background-color: #F9F9F9;
		font-size: 28upx;
		color: #666666;
		margin-right: 20upx;
		text-align: center;
		line-height: 52upx;
		border-radius: 8upx;
	}
	.filter_content_detail_c {
		background-color: #8938d3;
		color: #FFFFFF;
	}
}